<script lang="ts" setup>
  import HandicapTotalRank from './handicap-total-rank.vue';
  import HandicapPureRank from './handicap-pure-rank.vue';

  defineProps<{
    gameId: string;
  }>();
</script>

<template>
  <div>
    <a-row :gutter="12">
      <a-col :span="12">
        <HandicapTotalRank :game-id="gameId" />
      </a-col>

      <a-col :span="12">
        <HandicapPureRank :game-id="gameId" />
      </a-col>
    </a-row>
  </div>
</template>
